<link rel="stylesheet" href="<%= linkPath %>/css/main.css" />
<!-- header-top -->
<div class="container-fluid" style="background-color: #FAFBFC;">
    <div class="row">
        <div class="header-top col-sm-12 hidden-xs">
            <span class="address"><i><img style="width: 100%;margin-top: 7px;" src="<%= linkPath %>/images/adress.png" alt="<%= altText %>"></i>上海市延安西路3062弄18号1楼</span>
            <span class="email"><i><img style="width: 100%;margin-top: 10px;" src="<%= linkPath %>/images/email.png" alt="<%= altText %>"></i>admin@yoya.cn</span>
            <span class="phone">
            <i style="background-image: url('<%= linkPath %>/images/phone.png');"></i>
            021-62950688
        </span>
        </div>
    </div>
</div>
<!-- header-top -->
<!-- main-nav -->
<div class="main-nav navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/" title="优雅驻美整形">
                <h1><img class="img-responsive" src="<%= linkPath %>/images/logo.png" alt="优雅美学logo"></h1>
            </a>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="scroll active"><a href="#home">首页</a></li>
                <li class="scroll"><a href="#introduction">产品介绍</a></li>
                <li class="scroll"><a href="#product">产品优势</a></li>
                <li class="scroll"><a href="#discount">优惠福利</a></li>
                <li class="scroll"><a href="#partner">合作伙伴</a></li>
                <li class="scroll"><a href="#aboutUs">关于我们</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- main-nav -->
<script>
    if(location.pathname != '/'){
        $('.main-nav .navbar-nav .scroll a').attr('href','/');
        $('.main-nav .navbar-nav .scroll').removeClass('active');
        $('.main-nav .navbar-nav .scroll').last().addClass('active');
    }
    var winWidth = $(window).width();
    var isOverTopdist = function () {
        var scrollTop = $(window).scrollTop();
        if( scrollTop > 30 ){
            $('.main-nav').addClass('navbar-fixed-top');
        } else {
            $('.main-nav').removeClass('navbar-fixed-top');
        }
    }
    isOverTopdist();
    //Scroll Menu
    $(window).on('scroll', function(){
        isOverTopdist();
    });


</script>
